<script setup></script>

<template>
  <router-view></router-view>
</template>

<style>
body {
  @apply bg-gray-100;
}
/* 修改进度条样式 */
#nprogress .bar {
  background-color: #b1b3b8 !important;
  height: 5px !important;
}
/* 不显示小圈圈 */
#nprogress .spinner {
  display: none !important;
}
/* 全局修改滚动条样式 */

/* 设置滚动条的宽度和高度 */
::-webkit-scrollbar {
  width: 4px; /* 水平滚动条的宽度 */
  height: 6px; /* 垂直滚动条的高度 */
}

/* 设置滚动条角落的样式，使其显示 */
::-webkit-scrollbar-corner {
  display: block; /* 使角落部分可见 */
}

/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  border-radius: 8px; /* 滑块的圆角 */
  background-color: rgba(0, 0, 0, 0.2); /* 滑块的背景颜色，半透明黑色 */
}

/* 设置滚动条滑块和轨道的样式 */
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
  border-right-color: transparent; /* 滑块和轨道的右边框颜色，设置为透明 */
  border-left-color: transparent; /* 滑块和轨道的左边框颜色，设置为透明 */
  background-color: rgba(
    0,
    0,
    0,
    0.1
  ); /* 滑块和轨道的背景颜色，轻微的半透明黑色 */
}
</style>
